<section id="icon_section">
	<header>
		<nav class="left">
			<a href="#" data-target="back" data-icon="undo">Back</a>
		</nav>
		<h1 class="title">ICONS</h1>
	</header>
	<article class="active" data-scroll="true">
		<div class="icon-container clearfix">
			<div>
				<div class="icon previous"></div>
				previous
			</div>
			<div>
				<div class="icon next"></div>
				next
			</div>
			<div>
				<div class="icon arrow-down"></div>
				arrow-down
			</div>
			<div>
				<div class="icon arrow-up"></div>
				arrow-up
			</div>
			<div>
				<div class="icon home"></div>
				home
			</div>
			<div>
				<div class="icon home-2"></div>
				home-2
			</div>
			<div>
				<div class="icon office"></div>
				office
			</div>
			<div>
				<div class="icon newspaper"></div>
				newspaper
			</div>
			<div>
				<div class="icon pencil"></div>
				pencil
			</div>
			<div>
				<div class="icon pencil-2"></div>
				pencil-2
			</div>
			<div>
				<div class="icon quill"></div>
				quill
			</div>
			<div>
				<div class="icon image"></div>
				image
			</div>
			<div>
				<div class="icon camera"></div>
				camera
			</div>
			<div>
				<div class="icon music"></div>
				music
			</div>
			<div>
				<div class="icon headphones"></div>
				headphones
			</div>
			<div>
				<div class="icon camera-2"></div>
				camera-2
			</div>
			<div>
				<div class="icon pacman"></div>
				pacman
			</div>
			<div>
				<div class="icon connection"></div>
				connection
			</div>
			<div>
				<div class="icon podcast"></div>
				podcast
			</div>
			<div>
				<div class="icon book"></div>
				book
			</div>
			<div>
				<div class="icon books"></div>
				books
			</div>
			<div>
				<div class="icon stack"></div>
				stack
			</div>
			<div>
				<div class="icon folder"></div>
				folder
			</div>
			<div>
				<div class="icon folder-open"></div>
				folder-open
			</div>
			<div>
				<div class="icon tag"></div>
				tag
			</div>
			<div>
				<div class="icon tags"></div>
				tags
			</div>
			<div>
				<div class="icon barcode"></div>
				barcode
			</div>
			<div>
				<div class="icon qrcode"></div>
				qrcode
			</div>
			<div>
				<div class="icon cart"></div>
				cart
			</div>
			<div>
				<div class="icon phone"></div>
				phone
			</div>
			<div>
				<div class="icon phone-hang-up"></div>
				phone-hang-up
			</div>
			<div>
				<div class="icon address-book"></div>
				address-book
			</div>
			<div>
				<div class="icon envelop"></div>
				envelop
			</div>
			<div>
				<div class="icon pushpin"></div>
				pushpin
			</div>
			<div>
				<div class="icon location"></div>
				location
			</div>
			<div>
				<div class="icon map"></div>
				map
			</div>
			<div>
				<div class="icon alarm"></div>
				alarm
			</div>
			<div>
				<div class="icon bell"></div>
				bell
			</div>
			<div>
				<div class="icon calendar"></div>
				calendar
			</div>
			<div>
				<div class="icon mobile"></div>
				mobile
			</div>
			<div>
				<div class="icon cabinet"></div>
				cabinet
			</div>
			<div>
				<div class="icon drawer"></div>
				drawer
			</div>
			<div>
				<div class="icon drawer-2"></div>
				drawer-2
			</div>
			<div>
				<div class="icon drawer-3"></div>
				drawer-3
			</div>
			<div>
				<div class="icon undo"></div>
				undo
			</div>
			<div>
				<div class="icon redo"></div>
				redo
			</div>
			<div>
				<div class="icon forward"></div>
				forward
			</div>
			<div>
				<div class="icon reply"></div>
				reply
			</div>
			<div>
				<div class="icon bubble"></div>
				bubble
			</div>
			<div>
				<div class="icon bubbles"></div>
				bubbles
			</div>
			<div>
				<div class="icon user"></div>
				user
			</div>
			<div>
				<div class="icon users"></div>
				users
			</div>
			<div>
				<div class="icon spinner"></div>
				spinner
			</div>
			<div>
				<div class="icon search"></div>
				search
			</div>
			<div>
				<div class="icon expand"></div>
				expand
			</div>
			<div>
				<div class="icon contract"></div>
				contract
			</div>
			<div>
				<div class="icon expand-2"></div>
				expand-2
			</div>
			<div>
				<div class="icon contract-2"></div>
				contract-2
			</div>
			<div>
				<div class="icon key"></div>
				key
			</div>
			<div>
				<div class="icon lock"></div>
				lock
			</div>
			<div>
				<div class="icon unlocked"></div>
				unlocked
			</div>
			<div>
				<div class="icon wrench"></div>
				wrench
			</div>
			<div>
				<div class="icon cogs"></div>
				cogs
			</div>
			<div>
				<div class="icon cog"></div>
				cog
			</div>
			<div>
				<div class="icon wand"></div>
				wand
			</div>
			<div>
				<div class="icon pie"></div>
				pie
			</div>
			<div>
				<div class="icon stats"></div>
				stats
			</div>
			<div>
				<div class="icon bars"></div>
				bars
			</div>
			<div>
				<div class="icon bars-2"></div>
				bars-2
			</div>
			<div>
				<div class="icon gift"></div>
				gift
			</div>
			<div>
				<div class="icon meter"></div>
				meter
			</div>
			<div>
				<div class="icon remove"></div>
				remove
			</div>
			<div>
				<div class="icon airplane"></div>
				airplane
			</div>
			<div>
				<div class="icon truck"></div>
				truck
			</div>
			<div>
				<div class="icon road"></div>
				road
			</div>
			<div>
				<div class="icon accessibility"></div>
				accessibility
			</div>
			<div>
				<div class="icon target"></div>
				target
			</div>
			<div>
				<div class="icon lightning"></div>
				lightning
			</div>
			<div>
				<div class="icon switch"></div>
				switch
			</div>
			<div>
				<div class="icon power-cord"></div>
				power-cord
			</div>
			<div>
				<div class="icon signup"></div>
				signup
			</div>
			<div>
				<div class="icon menu"></div>
				menu
			</div>
			<div>
				<div class="icon tree"></div>
				tree
			</div>
			<div>
				<div class="icon cloud"></div>
				cloud
			</div>
			<div>
				<div class="icon cloud-download"></div>
				cloud-download
			</div>
			<div>
				<div class="icon cloud-upload"></div>
				cloud-upload
			</div>
			<div>
				<div class="icon earth"></div>
				earth
			</div>
			<div>
				<div class="icon attachment"></div>
				attachment
			</div>
			<div>
				<div class="icon brightness-medium"></div>
				brightness-medium
			</div>
			<div>
				<div class="icon brightness-contrast"></div>
				brightness-contrast
			</div>
			<div>
				<div class="icon contrast"></div>
				contrast
			</div>
			<div>
				<div class="icon thumbs-up"></div>
				thumbs-up
			</div>
			<div>
				<div class="icon thumbs-up-2"></div>
				thumbs-up-2
			</div>
			<div>
				<div class="icon notification"></div>
				notification
			</div>
			<div>
				<div class="icon question"></div>
				question
			</div>
			<div>
				<div class="icon info"></div>
				info
			</div>
			<div>
				<div class="icon info-2"></div>
				info-2
			</div>
			<div>
				<div class="icon blocked"></div>
				blocked
			</div>
			<div>
				<div class="icon cancel-circle"></div>
				cancel-circle
			</div>
			<div>
				<div class="icon checkmark-circle"></div>
				checkmark-circle
			</div>
			<div>
				<div class="icon close"></div>
				close
			</div>
			<div>
				<div class="icon checkmark"></div>
				checkmark
			</div>
			<div>
				<div class="icon minus"></div>
				minus
			</div>
			<div>
				<div class="icon plus"></div>
				plus
			</div>
			<div>
				<div class="icon enter"></div>
				enter
			</div>
			<div>
				<div class="icon exit"></div>
				exit
			</div>
			<div>
				<div class="icon play"></div>
				play
			</div>
			<div>
				<div class="icon pause"></div>
				pause
			</div>
			<div>
				<div class="icon stop"></div>
				stop
			</div>
			<div>
				<div class="icon backward"></div>
				backward
			</div>
			<div>
				<div class="icon forward-2"></div>
				forward-2
			</div>
			<div>
				<div class="icon first"></div>
				first
			</div>
			<div>
				<div class="icon last"></div>
				last
			</div>
			<div>
				<div class="icon previous"></div>
				previous
			</div>
			<div>
				<div class="icon next"></div>
				next
			</div>
			<div>
				<div class="icon eject"></div>
				eject
			</div>
			<div>
				<div class="icon volume-high"></div>
				volume-high
			</div>
			<div>
				<div class="icon volume-medium"></div>
				volume-medium
			</div>
			<div>
				<div class="icon volume-low"></div>
				volume-low
			</div>
			<div>
				<div class="icon volume-mute"></div>
				volume-mute
			</div>
			<div>
				<div class="icon tab"></div>
				tab
			</div>
			<div>
				<div class="icon checkbox-checked"></div>
				checkbox-checked
			</div>
			<div>
				<div class="icon checkbox-unchecked"></div>
				checkbox-unchecked
			</div>
			<div>
				<div class="icon checkbox-partial"></div>
				checkbox-partial
			</div>
			<div>
				<div class="icon radio-checked"></div>
				radio-checked
			</div>
			<div>
				<div class="icon radio-unchecked"></div>
				radio-unchecked
			</div>
			<div>
				<div class="icon crop"></div>
				crop
			</div>
			<div>
				<div class="icon scissors"></div>
				scissors
			</div>
			<div>
				<div class="icon share"></div>
				share
			</div>
			<div>
				<div class="icon html5"></div>
				html5
			</div>
			<div>
				<div class="icon html5-2"></div>
				html5-2
			</div>
			<div>
				<div class="icon chrome"></div>
				chrome
			</div>
			<div>
				<div class="icon libreoffice"></div>
				libreoffice
			</div>
			<div>
				<div class="icon IE"></div>
				IE
			</div>
			<div>
				<div class="icon firefox"></div>
				firefox
			</div>
			<div>
				<div class="icon volume-mute-2"></div>
				volume-mute-2
			</div>
			<div>
				<div class="icon volume-increase"></div>
				volume-increase
			</div>
			<div>
				<div class="icon volume-decrease"></div>
				volume-decrease
			</div>
			<div>
				<div class="icon loop"></div>
				loop
			</div>
			<div>
				<div class="icon shuffle"></div>
				shuffle
			</div>
			<div>
				<div class="icon arrow-left-2"></div>
				arrow-left-2
			</div>
			<div>
				<div class="icon arrow-up-left"></div>
				arrow-up-left
			</div>
			<div>
				<div class="icon arrow-up-2"></div>
				arrow-up-2
			</div>
			<div>
				<div class="icon arrow-up-right"></div>
				arrow-up-right
			</div>
			<div>
				<div class="icon arrow-right-2"></div>
				arrow-right-2
			</div>
			<div>
				<div class="icon arrow-down-right"></div>
				arrow-down-right
			</div>
			<div>
				<div class="icon arrow-down-2"></div>
				arrow-down-2
			</div>
			<div>
				<div class="icon arrow-down-left"></div>
				arrow-down-left
			</div>
			<div>
				<div class="icon images"></div>
				images
			</div>
			<div>
				<div class="icon file"></div>
				file
			</div>
			<div>
				<div class="icon file-2"></div>
				file-2
			</div>
			<div>
				<div class="icon rocket"></div>
				rocket
			</div>
			<div>
				<div class="icon flag"></div>
				flag
			</div>
			<div>
				<div class="icon arrow-up-left-2"></div>
				arrow-up-left-2
			</div>
			<div>
				<div class="icon arrow-up-3"></div>
				arrow-up-3
			</div>
			<div>
				<div class="icon arrow-up-right-2"></div>
				arrow-up-right-2
			</div>
			<div>
				<div class="icon arrow-down-right-2"></div>
				arrow-down-right-2
			</div>
			<div>
				<div class="icon arrow-down-3"></div>
				arrow-down-3
			</div>
			<div>
				<div class="icon arrow-down-left-2"></div>
				arrow-down-left-2
			</div>
			<div>
				<div class="icon area"></div>
				area
			</div>
			<div>
				<div class="icon sina-weibo"></div>
				sina-weibo
			</div>
			<div>
				<div class="icon renren"></div>
				renren
			</div>
			<div>
				<div class="icon qq"></div>
				qq
			</div>
			<div>
				<div class="icon target-2"></div>
				target-2
			</div>
			<div>
				<div class="icon signal"></div>
				signal
			</div>
			<div>
				<div class="icon database"></div>
				database
			</div>
			<div>
				<div class="icon options"></div>
				options
			</div>
			<div>
				<div class="icon list"></div>
				list
			</div>
			<div>
				<div class="icon grid"></div>
				grid
			</div>
			<div>
				<div class="icon ellipsis"></div>
				ellipsis
			</div>
			<div>
				<div class="icon star"></div>
				star
			</div>
			<div>
				<div class="icon star-2"></div>
				star-2
			</div>
			<div>
				<div class="icon star-3"></div>
				star-3
			</div>
		</div>
	</article>

</section>